<template>
  <div class="build-intro">
    <div class="hd">
      <h2 class="fl">楼盘信息</h2>
    </div>
    <div class="bd">
      <div class="attr-box">
        <div class="tit">基本信息</div>
        <ul class="clearfix">
          <li class="w1">
            <span class="label">项目名称</span>
            <span class="value">虹湾花园</span>
          </li>
          <li class="w2">
            <span class="label">推广名称</span>
            <span class="value">绿景虹湾</span>
          </li>
          <li class="w1">
            <span class="label">开盘时间</span>
            <span class="value">——</span>
          </li>
          <li class="w1">
            <span class="label">推广时间</span>
            <span class="value">——</span>
          </li>
          <li class="w1">
            <span class="label">产权年限</span>
            <span class="value">70</span>
          </li>
          <li class="w2">
            <span class="label">开发商</span>
            <span class="value">深圳市绿景房地产开发有限公司</span>
          </li>
          <li>
            <span class="label">楼盘地址</span>
            <span class="value"
              >深圳福田下梅林北环大道西行辅道与梅华路交汇处</span
            >
          </li>
        </ul>
      </div>
      <div class="attr-box">
        <div class="tit">销售信息</div>
        <ul class="clearfix">
          <li class="w1">
            <span class="label">销售状况</span>
            <span class="value">在售</span>
          </li>
          <li class="w2">
            <span class="label">参考单价</span>
            <span class="value">120000元/㎡</span>
          </li>
          <li class="w1">
            <span class="label">参考首付</span>
            <span class="value">184万(首付比例30%)</span>
          </li>
          <li class="w2">
            <span class="label">参考月供</span>
            <span class="value">22905元/月(还款年限30年)</span>
          </li>
        </ul>
      </div>
      <div class="attr-box">
        <div class="tit">建筑规划</div>
        <ul class="clearfix">
          <li class="w1">
            <span class="label">批地时间</span>
            <span class="value">2011.12.16</span>
          </li>
          <li class="w2">
            <span class="label">竣工时间</span>
            <span class="value">2015.11.17</span>
          </li>
          <li class="w1">
            <span class="label">用地性质</span>
            <span class="value">居住用地、商业用地</span>
          </li>
          <li class="w1">
            <span class="label">建筑结构</span>
            <span class="value">板塔结合</span>
          </li>
          <li class="w2">
            <span class="label">规划户数</span>
            <span class="value">1932户</span>
          </li>
          <li class="w2">
            <span class="label">绿化率</span>
            <span class="value">35.0%</span>
          </li>
          <li class="w1">
            <span class="label">容积率</span>
            <span class="value">6.88</span>
          </li>
          <li class="w2">
            <span class="label">建筑类型</span>
            <span class="value">低层（1~3层）,超高层（30层以上）</span>
          </li>
          <li class="w1">
            <span class="label">建筑面积</span>
            <span class="value">223414㎡</span>
          </li>
          <li class="w2">
            <span class="label">占地面积</span>
            <span class="value">32361.44㎡</span>
          </li>
          <li>
            <span class="label">楼栋状况</span>
            <span class="value"
              >1栋B座、1栋D座、1栋E座、1栋A座、1栋C座、2栋F座、2栋G座、2栋F座201</span
            >
          </li>
        </ul>
      </div>
      <div class="attr-box">
        <div class="tit">物业信息</div>
        <ul class="clearfix">
          <li class="w1">
            <span class="label">物业费用</span>
            <span class="value">4.90-5.12元/㎡</span>
          </li>
          <li class="w2">
            <span class="label">物业公司</span>
            <span class="value">深圳市绿景物业管理有限公司</span>
          </li>
          <li class="w1">
            <span class="label">是否封闭</span>
            <span class="value">全封闭式</span>
          </li>
          <li class="w1">
            <span class="label">车位数</span>
            <span class="value">3325</span>
          </li>
          <li class="w2">
            <span class="label">停车费</span>
            <span class="value">地下：250.0元/月</span>
          </li>
          <li class="w2">
            <span class="label">用水</span>
            <span class="value">民水</span>
          </li>
          <li class="w1">
            <span class="label">用电</span>
            <span class="value">民电</span>
          </li>
          <li class="w2">
            <span class="label">用气</span>
            <span class="value">燃气</span>
          </li>
        </ul>
      </div>
      <div class="attr-box">
        <div class="tit">楼盘介绍</div>
        <p class="txt">
          绿景虹湾，别称叫虹湾花园，坐落于北环大道西行辅道与梅华路交汇处,宗地面积32349㎡,小区绿化率高。小区总共有7栋、总共约有1932户，主要户型有：51-64平两室一厅、66-76平三室一卫、85-109平三室两卫，120-148平四室两卫，187.92-191平米的5室2卫。附近五公里内购物中心有佐阾虹湾购物中-心、卓悦·梅林中-心广场、卓悦汇购物中-心；超市有家乐福超市、公话超市、百力德超市、百家乐超市、华润万家生活超市、盛亚生活超市(景田北三街店)；菜市场有福田农批市场总站、福田农批市场、梅林农批市场；公交车站有福田农批市场总站、福田农批市场、梅林农批市场、广中医深圳医院、梅林一村总站、紫薇阁、高达苑、深圳石油大厦、颂德花园公交总站、景田北，购物和出行都很方便。
        </p>
      </div>
    </div>
  </div>
</template>



<style lang="scss">
.hd {
  height: 50px;
  border-bottom: 1px solid #efefef;
  display: flex;
  justify-content: space-between;
  margin: 0;

  h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
  }
}
/* 楼盘信息 */
.build-intro {
  width: 100%;
}
.build-intro .bd {
  margin-top: 7px;
}
.build-intro .attr-box {
  margin-top: 25px;
  padding-left: 126px;
  position: relative;
}
.build-intro .attr-box .tit {
  position: absolute;
  font-size: 14px;
  color: #000000;
  top: 0;
  left: 0;
  line-height: 24px;
}
.build-intro .attr-box li {
  float: left;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 3px;
  line-height: 24px;
  font-size: 14px;
  color: #333333;
  padding-left: 90px;
  position: relative;
  word-break: break-all;
}
.build-intro .attr-box li.w1 {
  width: 256px;
  margin-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.build-intro .attr-box li.w2 {
  width: 354px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.build-intro .attr-box li .label {
  position: absolute;
  left: 0;
  top: 0;
  color: #9b9b9b;
}
.build-intro .attr-box .txt {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin-top: 35px;
  text-align: justify;
}
.build-intro .info {
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  margin-top: 25px;
  padding: 13px 24px 13px 20px;
  border: 1px solid #e6e6e6;
  position: relative;
}
.build-intro .info p {
  font-size: 14px; /*color: #9B9B9B;*/
  line-height: 34px;
}
.build-intro .info .btn {
  position: absolute;
  top: 13px;
  right: 24px;
  width: 103px;
  height: 34px;
  line-height: 34px;
  background: #e03236;
  border-radius: 3px;
  font-size: 14px;
  color: #ffffff;
}
.build-intro .info .btn i {
  float: left;
  margin: 7px 4px 0 10px;
}
#seeXkPic {
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
  display: block;
}
</style>